<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>购物车列表</title>	
	<link rel="stylesheet" href="__ROOT__/template/css/head.css"  type="text/css" />
	<script type="text/javascript" src='__ROOT__/template/js/jquery-1.7.2.min.js'></script>
	<script type="text/javascript" src='./js/head.js'></script>
	<script type="text/javascript" src='./js/dingdan.js'></script>
	<link rel="stylesheet" href="__ROOT__/template/css/dingdan.css" />
	<link rel="stylesheet" href="__ROOT__/template/css/ico.css" />
	<style>
	 .login_reg{
	 	width:400px;
	 	background:white;
	 	position: absolute;
	 	z-index: 1002;
	 	box-shadow: 0px 0px 5px #ffffff;
	 }
	 .cur{
	 	background:red;
	 }
	 .login_table,.reg_table,.login_reg{
	 	display: none;
	 }
	</style>
	<script>
	function order(){
		$.post("{|U:'order/yanzheng'}",function(state){
			if(state==1){//表示已经登陆，可以继续往下面操作
				url="{|U:'order/index'}";
				location.href=url;
			}else{
				// 默认的显示
				$(".login_table").show();
				$(".login").addClass('cur');
				$(".login_reg").show();
				//默认显示结束
				// 遮罩的显示
				var _w=$(document).width();
				var _h=$(document).height();
				$("#background").css({'width':_w,'height':_h,"background":'black','opacity':'0.2','position':'absolute','top':0,"z-index":'1000'}).fadeIn();
				// 登陆注册的显示(默认的)
				var _wh=$(window).height();
				// 登陆注册框的高度
				var h=$(".login_reg").height();
				$(".login_reg").css({"left":(_w-$(".login_reg").width())/2,"top":(_wh-$(".login_reg").height())/2+$(document).scrollTop()})
				// 当窗口发生变化的时候，从新计算
				$(window).scroll(function(){
					$(".login_reg").css({"left":(_w-$(".login_reg").width())/2,"top":(_wh-$(".login_reg").height())/2+$(document).scrollTop()})
				})

				
			}
		})
		return false;
	}
	$(function(){
		// 登陆，注册位置计算结束
				$(".login").click(function(){
					$(".login_table").show();
					$(".reg_table").hide();
					$(this).addClass('cur');
					$('.reg').removeClass('cur');
				})
				$(".reg").click(function(){
					$(".reg_table").show();
					$(".login_table").hide();
					$(this).addClass('cur');
					$('.login').removeClass('cur');
				})

	})
</script>
</head>
<body>
<!-- 最顶部的可关闭广告 -->
<!-- <div id='top_ad'><img src="./images/top_ad.jpg" alt="" /></div> -->
<!-- 最顶部的可关闭广告结束-->
<div id="background"></div>
<div class="login_reg">
	<div class="menu_list">
		 <span  class="btn1 login">登陆</span>	
		<span  class="btn1 reg">注册</span>	
	</div>
	<form action="" class="form" onsubmit="return login(this)">
		<table class='table2 login_table'>
			<tr >
				<th>用户名</th>
				<td><input type="text" name="uname" id="" /></td>
			</tr>
			<tr>
				<th>密码</th>
				<td><input type="password" name="password" id="" /></td>
			</tr>
			
			<tr class="pt10">
				<td colspan="2" class="mt10"><input type="submit" value="提交" class="btn ml120" />
			</tr>
		</table>
	</form>
<script>
// 发异步验证用户是否存在
function login(obj){
	$.post("__APP__/?c=user&m=login",$(obj).serialize(),function(state){
		if(state==1){
			url="__APP__/?c=order&m=index";
			location.href=url;
		}else{
			var lrH=$('.menu_list').height()+$(".table").height();
			alert('用户不存在,请注册');
		}
	})
	return false;
}
// 登陆用户验证登陆结束
</script>
	<form action="" class="form" onsubmit='return reg(this)'>
		<table class='table2 reg_table'>
			<tr >
				<th>用户名</th>
				<td><input type="text" name="uname" id="" /></td>
			</tr>
			<tr>
				<th>密码</th>
				<td><input type="password" name="passwordF" id="" /></td>
			</tr>
			<tr>
				<th>确认密码</th>
				<td><input type="password" name="passwordS" id="" /></td>
			</tr>
			<tr class="pt10">
				<td colspan="2" class="mt10"><input type="submit" value="提交" class="btn ml120" />
			</tr>

		</table>
	</form>
<!-- 用户注册验证 -->
<script>
	function reg(obj){
		$.post("{|U:'user/reg'}",$(obj).serialize(),function(state){
			if(state==1){
				url="__APP__/?c=order&m=index";
				location.href=url;
			}else{
				alert(state);
			}
		})
		return false;
	}
</script>
<!-- 用户注册验证结束 -->
</div>
<!-- 用户登录注册结束 -->


<!-- 头部灰色区域开始 -->
<load file="__ROOT__/template/default/head.html"/>
<!-- 头部灰色区域结束 -->



	
<!-- 中间主体区域 -->
	<div id="main">
		<div id="logo">
			<a href="" class="logo"><img src="./images/logo.png" alt="" /></a>
			<div class="r">
				<span class='buzhou1'>1.我的购物车</span>
				<span class='buzhou2'>2.填写核对订单信息</span>
				<span class='buzhou3'>3.成功提交订单</span>
			</div>
		</div>






<!-- 商品订单的列表的显示开始 -->
		<div id="mycar">
			<h2><span class='big'><span>我的购物车</span></span><span>现在</span><a class='denglu' href='#'>登录</a><span>， 您购物车中的商品将被永久保存</span></h2>
			<div class="xuanze">
				<div class="bg">
					<div class="all" style="width:100px;height:35px;text-align:center;position:relative">
						<span style="position:absolute;top:3px; left:3px;"><input type="checkbox" name="" id="" /></span>
						全选
					</div>
					<div class="图片" style="width:80px;text-align:center">
						图片
					</div>
					<div class="product" style="width:400px">
						商品
					</div>
					
					<div class="jingjia" style="text-align:center">
						京东价
					</div>
					
					<div class="num">
						数量
					</div>
					<div class="caozuo">
						操作
					</div>
				</div>
		<!-- 循环购买商品列表开始 -->
		<list from="$goods" name="goodsData">
				<div class="row" style="height:70px;line-height:70px;">
					<div class="all" style="text-align:right;position:relative;">
						<span style="position:absolute;top:10px;left:5px;"><input type="checkbox"  /></span>
					</div>
					<div class="tupian" style="text-align:center;width:80px;height:40px;padding-top:10px;">
						<img src="__ROOT__/{$goodsData.index_pic}" alt="" width='50' height='50' />
					</div>
					<div class="product" style="width:400px;text-align:left;">
						<a href="{|U:'index/content',array('gid'=>$goodsData['gid'])}" style="color:green;">{$goodsData.gname}</a>
					</div>
					
					<div class="jingjia" style="text-align:center">
						{$goodsData.stockData.price}
					</div>
			
					<div class="num">
						{$goodsData.stockData.num}
					</div>
					<div class="caozuo">
						<a href="{|U:'del',array('stid'=>$goodsData[stockData][stid])}" onclick="return del()">删除</a>
					</div>
				</div>
		</list>
<!-- 选中商品的操作开始-->

<!-- 选中商品的操作结束 -->
<!-- 删除确认框的操作 -->
<script>
	function del(){
		if(confirm("确定删除吗？")){
			return true;
		}
		return false;
	}
</script>
	<!--循环商品列表结束  -->
	<!-- 商品订单列表结束 -->
				

				<div class="dibu">
					<!-- <a href="" class="fl">删除选中的商品</a> -->
					<div class="jisuan">
						<p><span>{$session.totalnum}件商品 总计:</span> ¥{$session.totalprice}</p>
						<!-- <p>
							<span>返现：</span>- ¥0.00
						</p> -->
					</div>
				</div>
				<div class="zong">
					总计（不含运费）：
					<span>¥{$session.totalprice}</span>
				</div>
			</div>
			<div class="go">
					<a href="" class="l">继续购物</a>
					<!-- 去结算的功能 -->
					<a href="javascript:;" onclick="return order()" class="r"></a>
					<!-- 去结算功能结束 -->
			</div>
		</div>

	















		
			<!-- 底部导航 -->
			<div class="dibu_menu">
				<a href="">关于我们</a> <a href="">联系我们</a> <a href="">人才招聘</a> <a href="">商家入驻</a><a href="">广告服务</a> <a href="">手机京东</a> <a href="">友情链接</a><a href="">销售联盟</a><a href="">京东社区</a> <a href="">京东公益</a><a href="" class="last">English Site</a>
			</div>
			<!-- 底部导航结束 -->
			<!-- icp信息 -->
			<div class="icp">
				<p>
					北京市公安局朝阳分局备案编号110105014669&nbsp;|&nbsp;京ICP证070359号&nbsp;|&nbsp;互联网药品信息服务资格证编号(京)-非经营性-2011-0034 <br />
					<a href="">音像制品经营许可证苏宿批005号</a>&nbsp;|&nbsp;出版物经营许可证编号新出发(苏)批字第N-012号&nbsp;|&nbsp;互联网出版许可证编号新出网证(京)字150号
					<br />
					<a href="">网络文化经营许可证京网文[2011]0168-061号</a>Copyright&nbsp;©&nbsp;2004-2014&nbsp;&nbsp;京东JD.com&nbsp;版权所有	
					<br />
					京东旗下网站：<a href="">360TOP</a><a href="">迷你挑</a>
				</p>
				<div class="icp_img clear">
					<a href="" class="icp_img1"><img src="./images/icp_img1.gif" alt="" /></a>
					<a href="" class="icp_img2"><img src="./images/icp_img2.gif" alt="" /></a>
					<a href="" class="icp_img3"><img src="./images/icp_img3.png" alt="" /></a>
					<a href="" class="icp_img3"><img src="./images/icp_img4.png" alt="" /></a>
				</div>

			</div>
			<!-- icp信息结束 -->
	</div>
<!-- 中间主体区域结束 -->
</body>
</html>